import { useState, useEffect } from "react";
import { Radio, Select, Space } from "antd";
import type { ConfigProviderProps, RadioChangeEvent, SelectProps } from "antd";

type SizeType = ConfigProviderProps["componentSize"];

const options: SelectProps["options"] = [];

for (let i = 10; i < 36; i++) {
  options.push({
    value: i.toString(36) + i,
    label: i.toString(36) + i,
  });
}

const handleChange = (value: string | string[]) => {
  console.log(`Selected: ${value}`);
};

const RealTimeChart = () => {
  const [size, setSize] = useState<SizeType>("middle");

  

  return <div>
    <Select
          mode="multiple"
          size="middle"
          placeholder="Please select"
          defaultValue={['a10', 'c12']}
          onChange={handleChange}
          style={{ width: '100%' }}
          options={options}
        />
  </div>;
};

export default RealTimeChart;
